@gabelBgColor : rgb(181, 202, 161);
@grayBgColor: rgb(240, 240, 240);

// 浮动导航栏
.fixedBanner {
  .van-nav-bar {
    --van-nav-bar-background: rgb(250, 250, 250);
  }
}

// 底部按钮
.main-b {
  .fixedBtn {
    position: fixed;
    bottom: 0;
    left: 5vw;
    width: 80vw;
    height: 80px;
    border-radius: 50px;
    font-size: 30px;
    margin: 30px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: @gabelBgColor;
  }
}

.nothing {
  height: 100%;
}

// 面板标题渐变图标
.panel-title-icon {
  font-size: 20px;
  width: 10px;
  height: 30px;
  background: linear-gradient(to top, #fff, @gabelBgColor);
  border-radius: 20px;
  margin-right: 10px;
  // margin-top: 10px;
}

// 存钱计划，购物清单icon样式
.savingsPlan-icon,
.shoppingList-icon {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: @grayBgColor;
  border-radius: 20px;
  padding: 10px;
  margin: 10px;
  margin-right: 20px;
  font-size: 50px;
}

// 日历弹出层
.calendar {
  .van-popup {
    width: 100vw !important;
  }
}

// 年度报告
.AnnualReport {

  // 年度报告弹出层
  .van-popup {
    border-radius: 0 !important;
  }

  // 下拉菜单
  .van-dropdown-menu__bar {
    background: @gabelBgColor;
    box-shadow: none;
  }

  .van-dropdown-menu__title{
    .van-ellipsis{
      font-size: 26px;
      font-weight: 600;
    }
  }
}

@media screen and (min-width: 500px) {

  html {
    font-size: 200px !important;
    width: 850px;
    margin: 0 auto;
    background-color: rgb(237, 242, 250) !important;
  }

  body {
    background-color: #fafafa !important;
  }

  .category-icon {
    width: 130px !important;
    height: 130px !important;
  }

  .main-b {
    .fixedBtn {
      width: 800px !important;
      left: auto !important;
    }
  }

  .main-b {
    .fixedBtn {
      position: fixed;
      bottom: 0;
      left: 5vw;
      width: 80vw;
      height: 80px;
      border-radius: 50px;
      font-size: 30px;
      margin: 30px 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: @gabelBgColor;
    }
  }

  /* tabbar */
  .van-tabbar--fixed {
    width: 850px !important;
    left: auto !important;
  }

  .AnnualReport{
    .van-dropdown-item{
      width: 850px;
      margin: 0 auto;
    }
  }

  .AddGoods{
    .van-popup{
      width: 780px;
      left: auto;
    }
  }
}